<!--面包屑导航条-->
<template>
  <div class="crumbs_box">
    <span>当前位置：</span>
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item v-for="(item, index) of $route.matched" :key="index">
        <span class="blue_text">{{ item.meta.title }}</span>
        <!--        <router-link style="color: #5749ff" to="item.path">{{ item.meta.title }}</router-link>-->
      </el-breadcrumb-item>
    </el-breadcrumb>
  </div>
</template>
<script>
export default {
  // computed:{
  //   goTo:function (val){
  //     console.log(val);
  //     return val;
  //   }
  // }
  methods: {
    goTo(val) {
      console.log(val);
    },
  },
};
</script>
<style>
.crumbs_box {
  display: flex;
  justify-content: left;
  min-height: 50px;
  font-size: 0.2rem;
  padding: 15px;
  height: 0.8rem;
  align-items: center;
}

.crumbs_box .el-breadcrumb {
  font-size: 0.2rem;
  /*line-height: 20px;*/
}
  .crumbs_box>.el-breadcrumb>.el-breadcrumb__item{
    float: none;
  }
</style>
